﻿
@{
    var message = TempData["Result"] ?? string.Empty;
}

<script type="text/javascript">
    var message = '@message';
    if (message == 'ISUS') {
        alert('Thank you for your valuable time..! We will contact you soon');
    }
</script>


<!-- banner start -->
<!-- ================ -->
<div class="banner">
    <!-- slideshow start -->
    <!-- ================ -->
    <div class="slideshow white-bg">
        <!-- slider revolution start -->
        <!-- ================ -->
        <div class="slider-banner-container">
            <div class="slider-banner-fullscreen">
                <ul>
                    <!-- slide 1 start -->
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="1000" data-saveperformance="on" data-title="Slide 1">
                        <img src="~/Images/ChurchDairy_Home_slider_2.jpg" alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat"/>
                    </li>
                    <!-- slide 1 end -->
                    <!-- slide 2 start -->
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="1000" data-saveperformance="on" data-title="Slide 2">
                        <img src="images/ChurchDairy_Home_slider_1.jpg" alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
                    </li>
                    <!-- slide 2 end -->

                </ul>
            </div>
        </div>
        <!-- slider revolution end -->
    </div>
    <!-- slideshow end -->
</div>
<!-- banner end -->
<!-- page-top start-->
<!-- ================ -->
<div id="page-top" class="page-top object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="100">
    <div class="clearfix">
        <div class="col-md-12">
            <h1 class="text-center title">Services</h1>
            <div class="separator"></div>
            <p class="text-center">Church Diary provide you wide varity of services to maintain your church or organization more effciantly and ease</p>
            <div class="row grid-space-20">
                <div class="col-md-12 col-lg-5">
                    <br class="hidden-sm hidden-xs">
                    <br class="hidden-sm hidden-xs">
                    <img src="images/ChurchDairy_Home_slider_1.jpg" alt="" class="object-non-visible center-block" data-animation-effect="fadeInUp" data-effect-delay="0">
                </div>
                <div class="col-md-6 col-lg-3">
                    <br class="hidden-xs">
                    <div class="box-style-3 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
                        <div class="icon-container default-bg circle">
                            <i class="fa fa-user"></i>
                        </div>
                        <div class="body">
                            <h2>Member Management</h2>
                            <p>Now ChurchDiary helps you to manage members details such as Child Dedication details, Baptism details, Marriage Details and family details in most easy and up effcient way.</p>
                            <a href="page-services.html" class="link"><span>Read More</span></a>
                        </div>
                    </div>
                    <div class="box-style-3 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
                        <div class="icon-container default-bg circle">
                            <i class="fa fa-bold"></i>
                        </div>
                        <div class="body">
                            <h2>Organization Management</h2>
                            <p>ChurchDiary help to maintain single and multiple churches(Organization)</p>
                            <a href="page-services.html" class="link"><span>Read More</span></a>
                        </div>
                    </div>
                    
                    <br class="hidden-xs hidden-sm">
                </div>
                <div class="col-md-6 col-lg-3">
                    <br class="hidden-xs">
                    <div class="box-style-3 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
                        <div class="icon-container default-bg circle">
                            <i class="fa fa-leaf"></i>
                        </div>
                        <div class="body">
                            <h2>Group Management</h2>
                            <p>Group Management to split members i small groups to maintain for easier communication</p>
                            <a href="page-services.html" class="link"><span>Read More</span></a>
                        </div>
                    </div>
                    <br class="hidden-xs">
                    <div class="box-style-3 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="200">
                        <div class="icon-container default-bg circle">
                            <i class="fa fa-check"></i>
                        </div>
                        <div class="body">
                            <h2>Event Management</h2>
                            <p>ChurchDiary used to maintain your church events of your whole year with minimum effect like notification management</p>
                            <a href="page-services.html" class="link"><span>Read More</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- page-top end -->
<!-- section start -->
<!-- ================ -->
<div class="clearfix light-gray-bg object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="200">
    <div class="full-width-section">
        <div class="full-text-container">
            <h1>Why Web based application?</h1>
            <div class="separator-2"></div>
            <p class="lead">Users can easily access the application from any computer connected to the Internet using a standard browser. This contrasts with traditional desktop applications, which are installed on a local computer.</p>
            <p>CD(Church Diary) is a pure web based application still you can access it from mobile and Tab which make you work more easier and available. Also churchdiary will soon going to lounch new mobile application which make your work done more more eaier.</p>
        </div>
        <div class="full-image-container">
            <img class="center-block" src="images/ChurchDairy_Home_slider_1.jpg" alt="">
        </div>
    </div>
    <!-- main start -->
    <!-- ================ -->
    <div class="section  dark-bg pattern-6">
        <div class="container">
            <div class="call-to-action">
                <div class="row">
                    <div class="col-md-8">
                        <h1 class="title text-center">We offer more possibilities to meet your every need with free of cost.</h1>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center">
                            <a href="#" class="btn btn-default btn-lg">Create a Account</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- main end -->

    <div class="full-width-section">
        <div class="full-image-container">
            <img class="center-block" src="images/ChurchDairy_Home_slider_1.jpg" alt="">
        </div>
        <div class="full-text-container left">
            <h1>Impress your church Members</h1>
            <div class="separator-2 right"></div>
            <p class="lead">Church Diary provide you(Church) to impress your church members in many ways such as </p>
            <p>Sending welcome mails, Birthday greetings, Anivarsary greetings, Event reminder etc, Suggestion poll, Ratings, Complain box etc.. Also church diary provide a portal to share their church members ideas </p>
        </div>
        
    </div>
</div>
<!-- section end -->
